/* ----------------------------------------------------------------------------
   EgovMobile Style Sheet
   Description :  신규공통  component
   Modification Information
   수정일           수정자      수정내용
   -------------    --------    ---------------------
   2011.08.16       구지연      최초 생성
 
   author   : 모바일 신규공통컴포넌트 개발팀 구지연
   since    : 2011.08.16
---------------------------------------------------------------------------- */
dl, dt, dd, ol, ul, li { list-style:none; margin:0; padding:0; }
input { border:0 none; }

/* 공통부분 */
.egov-mcomdContent { margin:0; padding:0;}
.ui-header .ui-title { margin: .6em 5.625em .3em; }
.mcomd-title  { text-align:center; margin:0; padding:0; height:40px; }
.mcomd-title h3 { text-align:center; margin:0; padding:0; line-height:40px; }
 
/* 모바일 사진앨범 2011.08.16 */
.photoList { margin:0; padding:0.625em 0.938em; text-align:center;}
.photoList li { float:left; margin:0.188em; overflow:hidden;}
.photoList li img { vertical-align:middle; width:65px; height:65px;  }

.photoView { margin:0; padding:0; }
.photoView li { text-align:center; }
.photoView li img { max-width:100%; }

/* 실시간 공지 서비스 2011.08.16 */
.mcomdBtn { clear:both; padding:0.5em; }
.realBtn { clear:both; margin:0; padding:0; border-top:2px solid #ccc; }
.realtimeView { margin:1em; }
.realtimeView dt { padding:0.313em 0; border-bottom:1px solid #d5d5d5; overflow:hidden; margin-top:0.938em; }
.realtimeView dd { margin:0; text-align:left; line-height:150%; font-size:0.85em; color:#666; padding:0.313em; overflow:hidden; }
.realtimeView dd.date { font-size:0.75em; color:#a3a3a3; }
.realtimeView dd.subj { font-weight:bold; }

.realtimeView li { clear:both; text-align:left; line-height:150%; color:#666; padding:0.313em; overflow:hidden; }
.realtimeView li.subj { font-weight:bold; }
.realtimeView li.conts { font-weight:normal; font-size:0.85em; }
.realtimeView li.date { border-bottom:1px solid #d5d5d5; font-size:0.75em; color:#a3a3a3; font-weight:normal; }
.realtimeView li span { display:block; }
.realtimeView li span.left { float:left; width:50%; text-align:left; }
.realtimeView li span.right { float:right; width:50%; text-align:right; }

.mcom-msg { text-align:left; font-size:0.75em; }
.mcom-msg dt { padding:0 0 0.188em; font-weight:normal; border-bottom:1px solid #ccc; overflow:hidden }
.mcom-msg dt span { float:left; }
.mcom-msg dt span.left, .mcom-msg dd span.left{ float:left; width:20% }
.mcom-msg dt span.right, .mcom-msg dd span.right { float:right; width:77%; text-align:left;}
.mcom-msg dd { clear:both; line-height:150%; padding:0.313em 0 0; }

/* 모바일 기기 식별 */
.mcom-device { padding:0 0 1.250em;}
.mcom-device dt { border-bottom:2px solid #ccc; padding:0.500em 0; margin-bottom:0.625em; font-weight:bold; font-size:95; }
.mcom-device dd { clear:both; padding:0 0.625em; color:#666; line-height:150%; font-size:80%;}
.mcom-device dd strong { color:#0358b8; }

/* 멀티미디어 제어 */
#playview { margin:0 auto; max-width:100%; width:100%; text-align:center}
#playview source { max-width:100%; width:100%; }

/* 모바일 차트/그래프 */
.chartTitle { padding:0.313em 0.625em 0;}
.ui-select { width:100%;}

/* 브라우저 크기에 맞게 Canvas 크기 조절 */
#lineChartGraphCanvas #columnChartGraphCanvas #pieChartGraphCanvas #scatterChartGraphCanvas #barChartGraphCanvas {
	heigth: 80%; width: 80%; margin:0 auto}
.ui-tabs-content { width:500px}

/* 위치 정보 연계 */
#mapCanvas { width:96%; height:300px; clear:both; margin:0 auto }
.mcom-h3 { margin:0; padding:0 0 0.313em }
.mcom-posi { padding:0.438em 0.625em; }
.mcom-posi li { line-height:150%; }
	
#mapTitle { margin:0.625em 0.188em 0}
#latlngInfo { margin:0 0.313em}

/* OPEN-API 검색부분 */
#search { position: relative; margin:0.625em 0.625em 0; }
.search-wrap { position: relative; top:0; border:4px solid #51b6d6; margin: 0 3.625em 0 0px;
height: 28px; background: white; -webkit-border-radius: 0.375em; }
#searchSubmit { position: absolute; top: 0; right: 0; color:#fff; width: 48px; height: 36px; background: #6D82FF;  
border: 1px solid #0076a9; -webkit-border-radius: 0.375em;
background-image: -webkit-gradient(linear,left top,left bottom,from(#54b9d7),to(#1783b8));
-webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1),inset -1px 0 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1),inset -1px 0 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.1),inset -1px 0 1px rgba(255, 255, 255, 0.1);
cursor:pointer}
#searchSubmit span { white-space: nowrap; text-align: center; text-shadow: 0 -1px 1px #000; font-weight: bold; font-size:0.750em; letter-spacing:-1px}
.select-box { position: absolute; top:5px; left: 5px; width: 65px!important; height: auto!important; text-align: left;
			background: url('../../../../images/egovframework/mbl/mcomd/ic_arrow.png') no-repeat 100% 50%; }
.select-box a { display: block; text-decoration: none;  color: black; cursor: auto; font-size:0.750em;  }
.select-box span { text-decoration: none; font-weight:normal; color: black; }

.select-box-options { border: 1px solid #AEB9CF;
					background-color: white; width: 85px!important; height: auto!important; }
.select-box-options li { padding: 0.313em; cursor: pointer;  color:black; font-size:0.688em; border-bottom:1px solid #ddd}
.select-box-options li:last-child { border-bottom:0; }
.select-box-options li span a { display: block; color:black; text-decoration:none}
.select-box-options li span a:hover { color:#2489CE; }

.search-wrap input { position: absolute; top:0; left:78px; border: 0; }
.search-wrap input.q { border: 0; font: 1.0em/1.250em dotum; width:66%; height: 1.7em; background:transparent; }

.searchTerms { clear:both; padding:0.625em; background:#fff; overflow:hidden; margin:0.625em 0 .938em; border-top:1px solid #e6e4e1; border-bottom:1px solid #e6e4e1;}
.termsLeft { float:left; text-align:left; }
.termsRight { float:right;text-align:right; margin:0; padding:0;}
.termsRight select { vertical-align:top; margin:0; paddong:0; }
.inquiry { padding:0.313em 0 .313em .938em; font-size:0.8em; font-weight:bold; background:#edf7fb; border-top:1px solid #eaeaea; }
.inquiry span { color:#1b5bb2; }

.chkBox { border:0 none}
.listview { clear:both; padding:0 .625em; }

/* 검색리스트 화면  */
.adminTerms { white-space:normal; line-height:150%; text-align:justify}
.mcom-searchOS { color:#4486c6}
.mcom-searchDate { color:#a4a4a4; padding:0.125em 0 0}
.mcom-searchUrl { color:#48688f; padding:0.125em 0 0 }
.pubword {height:45px;white-space:normal;}

.searchDetail { margin:0; padding:0}
.searchDetail dt { padding:0.938em; border-bottom:1px solid #bdbdbd; font-size:1.0em; background:#f5f5f5}
.searchDetail dd { line-height:150%; text-align:justify; padding:0.938em 1.250em 0.938em 0.938em; white-space:normal; }

/* 기상청 날씨 조회 */
#weatherInfo { display:block; }
#rotator { height:3.94em; overflow:hidden;}
#rotator div { height:3.94em; overflow:hidden;}
.mcomd-weather { clear:both; background:#f6f6f6;  height: 3.938em; overflow:hidden; }
.mcomd-weather dl { padding:0 0.625em; font-size:1.0em; line-height:3.938em;}
.mcomd-weather dt { float:left; width:50%; color:#0084e9; font-weight:bold;}
.mcomd-weather dd { float:right; width:50%; text-align:right;}
.mcomd-weather dd span { margin-right:0.313em;}
.mcomd-weather dd span img { vertical-align:middle;}
span.city { color:#000;font-weight:bold;}
span.dosi { color:#eb0000; }

.mcomd-openApi { clear:both; padding:0.625em }
.mcomd-openApi dl { padding:0 0 1.875em }
.mcomd-openApi dl dt { float:left; width:35% }
.mcomd-openApi dl dd { float:right; display:inline-block; width:65%; font-size:0.8em; line-height:150%;}
.mcomd-openApi dl dd span.blue { color:#0098c9; font-size:1.5em; line-height:180%;}
.mcomd-openApi dl dd span.green { color:#72b817; }

.weaterService { clear:both; padding-top:1.250em }
.weaterService h3 { margin:1.250em 0 0.625em 0.625em; padding:0 0 0 0.813em; background: url('../../../../images/egovframework/mbl/mcomd/bul_blue.gif') no-repeat left center; font-size:1.0em}
.weaterSerList { background:#f5f5f5; padding:0.625em 0.938em; overflow:hidden }
.weaterSerList li { float:left; padding:0 0.625em; width:30%; line-height:150%; padding:0 0 0 0.438em; background: url('../../../../images/egovframework/mbl/mcomd/bul_arrow.gif') no-repeat left center; font-size:0.8em}

/* MMS 연계 */
.mcom-mmsNumber { clear:both; margin:0; padding:0.625em; overflow:hidden; }
.mcom-mmsNumber dt { float:left; width:30%; padding:0.625em 0 0.938em; height:30px; border-bottom:1px dashed #ccc; }
.mcom-mmsNumber dt label { padding:0.938em 0 0}
.mcom-mmsNumber dd { float:left; width:70%; padding:0.625em 0 0.938em; height:30px; text-align:left; border-bottom:1px dashed #ccc; }
.mmsNum { width:95%; border:1px solid #ccc; padding:0.313em; font-size:100%; -moz-border-radius: 0.250em/*{cornerRadius}*/; -webkit-border-radius: 0.250em/*{cornerRadius}*/; border-radius: 0.250em/*{cornerRadius}*/;}
.mcom-mmsContent { clear:both; padding:0 0.625em 0.625em; margin:0; }
.mcom-mmsContent dt { font-weight:bold; padding:0.625em 0 0.188em }
.mcom-mmsContent dd textarea.ui-input-text, .mcom-mmsContent dd input.ui-input-text { width:96%}
.mmsFile { background:#ececec; height:35px; width:80%; border:1px solid #dadada; vertical-align:top; -moz-border-radius: 0.3em/*{cornerRadius}*/; -webkit-border-radius: 0.3em/*{cornerRadius}*/; border-radius: 0.3em/*{cornerRadius}*/;}
.mmsBtn { clear:both; border-top:2px solid #ccc; padding:0}

/* 동기화서비스 */
.mcomd-more { clear:both; width:60%; margin:0 auto; padding:0 0 1.875em }
.mcomd-more a { text-decoration: none; }
.mcomd-more div { padding:0.625em 0; text-align:center; overflow:hidden; color:#000; font-weight:bold; text-shadow:none;
		background:#fff; background-image: -webkit-gradient(linear,left top,left bottom,from(#eff3f5),to(#eaf7fd));
		background-image: -webkit-gradient(top, #eff3f5, #eaf7fd);
		background-image: -moz-gradient(top, #eff3f5, #eaf7fd);
		background-image: -o-gradient(top, #eff3f5, #eaf7fd);
		border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #999;}


/* 페이징 */
.com-egovPaging {  display:block; margin:1.563em 0 1em; padding:0; font-size:1.0em; text-align:center; line-height:1.5em; white-space:nowrap; }
.com-egovPaging span { display:inline-block; border:solid 1px #ddd; margin:0 0.125em; width:36px; padding:0.375em 0 0.313em; background:#fff; vertical-align:top; }
.com-egovPaging a { display:inline-block;  margin:0 2px; background:#fff; }
.com-egovPaging a.first { width:36px; height:37px; background:url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat 0 0; }
.com-egovPaging a.prev { width:34px; height:37px; background:url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -38px 0; }
.com-egovPaging a.next { width:34px; height:37px; background:url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -74px 0; }
.com-egovPaging a.last { width:36px; height:37px; background:url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -110px 0; }
.com-egovPaging span strong { color:#e61f1b; font-weight:normal; text-decoration:none; }

.com-egovPaging span a {  display:inline-block; width:36px; color:#888; text-decoration:none; cursor:pointer }
.com-egovPaging span a:hover { color:#2489CE; text-decoration:none; }

.com-egovPaging a.first:hover { background:#e8e8e8 url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat 0 0;}
.com-egovPaging a.prev:hover { background:#e8e8e8 url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -38px 0; }
.com-egovPaging a.next:hover { background:#e8e8e8 url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -74px 0; }
.com-egovPaging a.last:hover { background:#e8e8e8 url('../../../../images/egovframework/mbl/mcomd/bg_paging.gif') no-repeat -110px 0; }

